<!--
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.

Copyright (c) 2023-present Kaleidos INC
-->
<div class="main-nav-container">
  <div
    [@mainNavContainer]="menuState"
    class="main-nav-container-inner">
    <!-- visibility: hidden prevent focus in the project menu when the setting menu is visible -->
    <tg-project-navigation-menu
      [collapsed]="collapsed"
      [class.collapsed]="collapsed"
      [style.visibility]="
        showProjectSettings && !settingsAnimationInProgress ? 'hidden' : null
      "
      (collapseMenu)="toggleCollapse()"
      (displaySettingsMenu)="openSettings()"
      [project]="project">
    </tg-project-navigation-menu>
    <tg-project-navigation-settings
      data-test="project-navigation-settings"
      *ngIf="showProjectSettings || settingsAnimationInProgress"
      [project]="project"
      [projectNavigationComponent]="this"
      (closeMenu)="closeMenu()">
    </tg-project-navigation-settings>
  </div>
</div>
